<!doctype html>
<html lang="en">
  <head>
    <script src="index.js" type="module"></script>
    <script src="../../helpers/header.js" type="module"></script>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container text-center">
      <form>
        <input type="text" id="userInput" autocomplete="off" placeholder="Type & hit Enter" />
      </form>

      <div class="chips-display"></div>
    </div>
  </body>

  <template id="chipTemplate">
    <div class="chip flex-center">
      <span class="chip-name"></span>
      <button class="remove flex-center">&#x2715;</button>
    </div>
  </template>
</html>
